﻿
<header class="bar bar-nav" ng-init="workCtrl.loadTasks()">
    <a href="javascript:;" ng-click="workCtrl.showIterationPathPopover()">
        <h1 class="title">
            {{ workCtrl.selectedIterationPath || '-- All --' }}
            <span class="icon icon-caret"></span>
        </h1>
    </a>
    <div class="popover" ng-show="workCtrl.isIterationPathPopoverVisible" ng-class="{ 'visible': workCtrl.isIterationPathPopoverVisible }" style="display: block;">
        <header class="bar bar-nav">
            <h1 class="title">
                Iteration Path
            </h1>
        </header>
        <ul class="table-view">
            <li class="table-view-cell" ng-click="workCtrl.selectIterationPath('')">
                -- All --
            </li>
            <li class="table-view-cell" ng-repeat="iterationPath in workCtrl.getAvailableIterationPaths()" ng-click="workCtrl.selectIterationPath(iterationPath)">
                {{ iterationPath }}
            </li>
        </ul>
    </div>
    <a href="javascript:;" ng-click="workCtrl.showUserStoryPopover()">
        <h1 class="title">
            {{ work.selectedUserStory || '-- All --' }}
        </h1>
        <span class="icon icon-caret"></span>
    </a>
    <div class="popover" ng-show="workCtrl.isUserStoryPopoverVisible" ng-class="{ 'visible': workCtrl.isUserStoryPopoverVisible }" style="display: block;">
        <header class="bar bar-nav">
            <h1 class="title">
                User Story
            </h1>
        </header>
        <ul class="table-view">
            <li class="table-view-cell" ng-click="workCtrl.selectUserStory('')">
                -- All --
            </li>
            <li class="table-view-cell" ng-repeat="userStory in workCtrl.getAvailableUserStories()" ng-click="workCtrl.selectUserStory(userStory)">
                {{ userStory }}
            </li>
        </ul>
    </div>
</header>
